<!DOCTYPE html>
<html lang="en">

    <head>

        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <meta name="description" content="">
        <meta name="author" content="">

        <title>CREAS - Alegrete</title>

        <!-- Bootstrap Core CSS -->
        <link href="css/bootstrap.min.css" rel="stylesheet">

        <!-- Custom CSS -->
        <link href="css/business-casual.css" rel="stylesheet">

        <!-- Fonts -->
        <link href="http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800" rel="stylesheet" type="text/css">
        <link href="http://fonts.googleapis.com/css?family=Josefin+Slab:100,300,400,600,700,100italic,300italic,400italic,600italic,700italic" rel="stylesheet" type="text/css">

        <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
        <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
        <!--[if lt IE 9]>
            <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
            <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
        <![endif]-->

    </head>

    <body>

        <div class="brand">
            <img src="images/logoFaixaSite.png" alt="Creas - Centro de Referência Especializado de Assistência Social" style="width:60%;height:98%">
        </div>
        <div class="address-bar"></div>

        <!-- Navigation -->
        <nav class="navbar navbar-default" role="navigation">
            <div class="container">
                <!-- Brand and toggle get grouped for better mobile display -->
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
                        <span class="sr-only">Toggle navigation</span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                    <!-- navbar-brand is hidden on larger screens, but visible when the menu is collapsed -->
                    <a class="navbar-brand" href="index.html">Business Casual</a>
                </div>
                <!-- Collect the nav links, forms, and other content for toggling -->
                <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                    <ul class="nav navbar-nav">
                        <li>
                            <a href="index.html">Inicial</a>
                        </li>
                    <li>
                     <a data-toggle="dropdown" href="#">
    CREAS
  </a>
  <ul class="dropdown-menu">
    <!-- Links de menu dropdown -->
    <li class="active"><a href="creaDefinicao.html">O que é o CREAS?</a></li>
    <li><a href="populacaoAdulta.html">População Adulta de Rua</a></li>
    <li><a href="mulheresVitimasViolencia.html">Mulheres Vítimas de Violência</a></li>
    <li><a href="criancasAdolescentesVitimasViolencia.html">Crianças e Adolescentes Vítimas de Violência</a></li>
    <li><a href="programaDeErraticacao.html">Programa de Erraticação do Trabalho Infantil</a></li>
    <li><a href="adolescentesInfratores.html">Adolescentes Infratores</a></li>
  </ul>
  </li>

                        <li>
                            <a href="equipe.html">Equipe</a>
                        </li>
                        <li>
                            <a href="projetos.html">Projeto</a>
                        </li>
                        <li>
                            <a href="artigos.html">Artigos</a>
                        </li>
                        <li>
                            <a href="faleConosco.html">Fale Conosco</a>
                        </li>
                    </ul>
                </div>
                <!-- /.navbar-collapse -->
            </div>
            <!-- /.container -->
        </nav>

        <div class="container">
		  <div class="row">
                
                        <div id="carousel-example-generic" class="carousel slide">
                            <!-- Indicators -->
                            <ol class="carousel-indicators hidden-xs">
                                <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
                                <li data-target="#carousel-example-generic" data-slide-to="1"></li>
                                <li data-target="#carousel-example-generic" data-slide-to="2"></li>
                            </ol>

                            <!-- Wrapper for slides -->
                            <div class="carousel-inner">
                                <div class="item active">
                                    <a href=""><img class="img-responsive img-full" src="img/slide-1.jpg"  alt=""></a>
                                </div>
                                <div class="item">
                                    <img class="img-responsive img-full" src="img/slide-2.jpg" alt="">
                                </div>
                                <div class="item">
                                    <img class="img-responsive img-full" src="img/slide-3.jpg" alt="">
                                </div>
                            </div>

                            <!-- Controls -->
                            <a class="left carousel-control" href="#carousel-example-generic" data-slide="prev">
                                <span class="icon-prev"></span>
                            </a>
                            <a class="right carousel-control" href="#carousel-example-generic" data-slide="next">
                                <span class="icon-next"></span>
                            </a>
                        </div>
            <div class="row">
                <div class="box">
                    <div class="col-lg-12">
                        <hr>
                        <h1 class="intro-text text-center">O que é o
                            <strong>CREAS?</strong>
                        </h1>
                        <hr>
                        <img class="img-responsive img-border img-left" src="images/logocreas.png" width="25%" alt="">
                        <hr class="visible-xs">
                        <p style="text-align: justify">
                            O Centro de Referência Especializado de Assistência Social (CREAS)
                            configura-se como uma unidade pública e estatal, que oferta serviços
                            especializados e continuados a famílias e indivíduos em situação de
                            ameaça ou violação de direitos (violência física, psicológica, sexual,
                            tráfico de pessoas, cumprimento de medidas socioeducativas em meio aberto,
                            etc.).
                        </p>
                        <p style="text-align: justify">
                            A oferta de atenção especialiazda e continuada deve ter como foco a família
                            e a situação vivenciada. Essa atenção especializada tem como foco o acesso da família
                            a direitos socioassistenciais, por meio da potencialização de recursos e capacidade de proteção.
                        </p>
                        <p style="text-align: justify">
                            O CREAS deve, ainda, busca a construção de um espaço de acolhida e escuta qualificada,
                            fortalecendo vínculos familiares e comunitários, priorizando a reconstrução de suas relações familiares.
                            Dentre de seu contexto social, deve focar no fortalecimento dos recursos para superação da situação apresentada.
                        </p>
                        <p style="text-align: justify">
                           Para o exercício de suas atividades, os serviços ofertados no CREAS devem ser desenvolvidos
                           de modo articulado com a rede de serviços da Assistência Social, orgãos de defesas de direitos e das demais
                           políticas públicas. A articulação no território é fundamental para fortalecer as possibilidades
                           de inclusão da família em uma organização de proteção que possa contribuir para a reconstrução da situação vivida.
                        </p>
                        <p style="text-align: justify">
                            O CREAS podem ter abrangência tanto local (municipal ou do Distrito Federal) quanto regional, abrangendo, neste caso,
                            um conjunto de municípios, de modo a assegurar maior cobertura e eficiência na oferta do atendimento.
                        </p>
						</br>
						<hr />
						</br>
						<p aling="left"><strong> <font size="5"> Risco Social:</font></strong></p>
						<p style="text-align: justify">
                            Estar em situação de risco pessoal e social significa ter os direitos violados, ou estar em situação de contigência(pessoa
							com deficiência ou idosa necessitando de atendimento especializado). Normalmente, as pessoas em situação de risco social ainda
							estão convivendo com suas famílias.

                        </p>
						<p style="text-align: justify">
                            O atendimento, personalizado e continuado, exige intervenções especializadas, realizadas por profissionais técnicos do CREAS
							( Assistênte Social, Psicólogos e Advogados ).
                        </p>
						</br>
						<hr />
						</br>
						<p aling="left"><strong> <font size="5"> Objetivos:</font></strong></p>
						<p style="text-align: justify">
                            <ul >
							<li>
							Fortalecer a família função de protetora de seus menbros;
							</li><li>Incluir as famílias na rede de proteção social e nos serviços públicos;
							</li><li>Romper com o ciclo de violência no interios da família;
							</li><li>Oferecer condições para reparar danos e interromper a violação de direitos;
							<li>Previnir a reincidência de violações de direitos.
							</li></ul>                     
                        </p>
                       </div>
                </div>
            </div>

            

            <div class="row">
                <div class="box">
                    <div class="col-lg-12">
                        <hr>
                        <h2 class="intro-text text-center">Parceiros
                            <strong>do CREAS</strong>
                        </h2>
                        <hr>

                        <a href="http://www.facabonitocampanha.blogspot.com.br/"><img src="images/facabonito.jpg" alt="Faça Bonito" style="width:20%;height:28%"></a>
                               <a href="http://www.fnpeti.org.br/12dejunho/"><img src="images/infaltil.jpg" alt="Campanha 12 de Junho" style="width:22%;height:28%"></a>
                        </div>
                </div>
            </div>

        </div>
        <!-- /.container -->

        <footer>
            <div class="container">
                <div class="row">
                    <div class="col-lg-12 text-center">
                        <p>Copyright &copy; Creas - Alegrete 2014</p>
                    </div>
                </div>
            </div>
        </footer>

        <!-- jQuery Version 1.11.0 -->
        <script src="js/jquery-1.11.0.js"></script>

        <!-- Bootstrap Core JavaScript -->
        <script src="js/bootstrap.min.js"></script>

        <!-- Script to Activate the Carousel -->
        <script>
            $('.carousel').carousel({
                interval: 5000 //changes the speed
            })
        </script>

    </body>

</html>
